<!-- 我的小区 -->
<template>
<div class='mine-community border-top'>
    <van-nav-bar title="我的小区" left-arrow @click-left="goBack" />
    <ul>
        <li class="border-bottom" v-for="(item,index) in communitys" :key="index">
            <i></i>
            <h6>{{item.comm_name}}</h6>
            <p>{{item.buil_name+item.unit_name}}</p>
        </li>
    </ul>
    <van-button type="primary" size="large" icon="plus"  @click="toBoundCell">绑定新房屋</van-button>
    
</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
    name: 'MineCommunity',
//import引入的组件需要注入到对象中才能使用
components: {},
data() {
//这里存放数据
return {
    communitys : []
};
},
//监听属性 类似于data概念
computed: {
    userId(){
        return this.$store.state.userid;
    },
    // token(){
    //     return this.$store.state.token;
    // }
},
//监控data中的数据变化
watch: {},
//方法集合
methods: {
    goBack(){
        window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
    },
    toBoundCell(){
        this.$router.push('/boundCell');
    },
    //我的小区
    getCommunity(){
        this.$axios.get('/comm/getuser/commlist',{
            // headers:{
            //     token:this.token
            // },
            params:{
                user_id:this.userId
            }
        }).then((res)=>{
            //console.log(res);
            let {message,data,status} = res;
            if(status == 200){
                this.communitys = data;
            }
        })
    }
},
//生命周期 - 创建完成（可以访问当前this实例）
created() {
    this.getCommunity();
},
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {

},
beforeCreate() {}, //生命周期 - 创建之前
beforeMount() {}, //生命周期 - 挂载之前
beforeUpdate() {}, //生命周期 - 更新之前
updated() {}, //生命周期 - 更新之后
beforeDestroy() {}, //生命周期 - 销毁之前
destroyed() {}, //生命周期 - 销毁完成
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='scss' scoped>
/* @import url(); 引入公共css类 */
@import url(../assets/css/border-1px.css);
.mine-community{
    ul{
        margin-top:0.2rem;
        border-color: #bbb;
        li{
            min-height:1rem;
            position:relative;
            padding-left:1rem;
            border-color: #bbb;
            font-size:0.28rem;
            i{
                position:absolute;
                left:0.1rem;
                top:50%;
                margin-top:-0.4rem;
                width:0.8rem;
                height:0.8rem;
                background:url(../assets/img/icon-community.jpg) no-repeat;
                background-size:cover;
            }
            h6{
                padding-top:0.14rem;
                font-size:0.28rem;
            }
            p{
                font-size:0.28rem;
            }
        }
    }
    .van-button{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:2;
    }
}
</style>